<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title></title>
{include file="common/pub_style" /}
<script type="text/javascript" src="__PUBLIC__/plugin/clipboard/clipboard.js"></script>
<style type="text/css">
@media only screen and (max-width: 600px) {
	.recharge-content img {
		width: 100%
	}
}
.text-caption {
	font-size: .75rem;
	font-weight: 400;
	letter-spacing: .03333em;
	line-height: 1.25rem;
	width: 180px;
}
.copy {
	width: 35px;
	height: 35px;
}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		isformnull();
		$(".login-btn").click(function() {
			if (getformnull() == 0) {
				$("#loadingToast").show();
				$.ajax({
					type : 'post',
					url : "",
					dataType : "json",
					data : $("form").serialize(),
					success : function(res) {
						layer.msg(res.msg);
						if (res.code == 99) {
							$("form").get(0).reset();
							window.location.href = "/index/recharge/order";
						}
						setTimeout(function () {
							$("#loadingToast").hide();
						},3000)
					}
				});
			}
		})
	})
</script>
</head>
<body>
	<div class="header-wrap">
		<div class="flex flex-between pd10">
			<div class="left-arrow" onclick='javascript:window.location.href="{:url('User/index')}"'></div>
			<div class="">{$Think.lang.label_recharge}</div>
			<div class="">
				<a href="{:url('recode')}">{$Think.lang.recode}</a>
			</div>
		</div>
	</div>
	<div style="height: 70px;"></div>
	<div class=" pd20">
		<form id="login-form" class="form-horizontal" action="" method="post">




			<div class="form-row flex flex-between align-center">
				<div class="title label-md">{$Think.lang.amount}:</div>
				<div class="input-box">
					<input type="number" class="form-control czjine" id="firstname" name="money"  placeholder="{$Think.lang.recharge_minimum}" autocomplete="off">
				</div>
			</div>











<!--			支付密码-->
			<div class="form-row flex align-center">
				<div class="title label-md">{$Think.lang.paypwd}:</div>
				<div class="input-box">
					<input type="password" name="paypwd" class="form-control password"  placeholder="{$Think.lang.input_enter_paypwd_tips}" autocomplete="off">
				</div>
			</div>

			<div class="form-row">
				<button type="button" class="input-btn btnform btn-disabled login-btn">
					<span class="btn-content">
						<span>{$Think.lang.label_recharge}</span>
					</span>
				</button>
			</div>

			<div class="form-row flex flex-between align-center">
				<div class="input-box" style="text-align: center;color: red">
					{if($msg)}{$msg}{else}test{/if} {$msg}
					<!--                <input type="text" class="form-control czjine" id="firstname" name="money" disabled  value="" placeholder="{$Think.lang.recharge_minimum}" autocomplete="off">-->
				</div>
			</div>
		</form>
		<span>{$Think.lang.label_biaoti}</span>
		<div class="">

			<label for="firstname" class="control-label" style="color: #6046ff"></label></BR>
				<label for="firstname" class="control-label" style="color: red"></label>
			<div class="recharge-content">{$website.recharge_example|raw}</div>
		</div>
	</div>
	{include file="common/footer" /}
</body>
</html>